<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Flickr Like Menu</title>
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" title="no title" charset="utf-8">
	
	<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
	<script type="text/javascript" src="js/jquery.flickrmenu.js"></script>
	<script type="text/javascript" charset="utf-8">
		$().ready(function(){
			$("#menu").flickrmenu({
				arrowPic:  "images/arrow.png",
				arrowPicA: "images/arrow_select.png",
				arrowPicH: "images/arrow_hover.png"
			});
		});
	</script>

</head>

<body>
	<div id="menu" >
	  <ul>
	    <li>
	      <span class="head_menu">
	        <a href="#">Item 1</a>
	      </span>
	    </li>
	    <li>
	      <span class="head_menu">
	        <a href="#">Item 2</a>
	        <img src="images/arrow.png" width="18" height="15" align="top" class="arrow" />
	      </span>
	      <div class="sub_menu">
	        <a href="#">Item 2.1</a>
	        <a href="#">Item 2.2</a>
	        <a href="#">Item 2.3</a>
	      </div>
	    </li>
	  </ul>
	</div>
</body>

</html>
